/* pages/classify/index.wxss */
.classify-page {
  &::before {
    content: "";
    display: block;
    height: 108rpx;
  }

  .van-search-custom {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 2;

    .van-search__content {
      padding-left: 0;
      background-color: #fff;

      .van-search__label {
        margin-left: 30rpx;
        margin-right: 60rpx;
        font-size: 40rpx;
        font-weight: 500;
        line-height: 60rpx;
      }

      .van-search__field {
        background-color: #eff0f2;
      }
    }
  }

  .body {
    display: flex;

    .van-sidebar-custom {

      margin-right: 40rpx;

      .classify-scroll {
        height: 1000rpx;
        width: 200rpx;
      }

      .van-sidebar-item--selected {
        border-left: 8rpx solid #1296db;
        background-color: #fff !important;
      }

      .van-sidebar-item {
        padding: 30rpx 0;
        margin: 0;
        font-size: 30rpx;
        text-align: center;
        background-color: #f9fafa;
      }
    }

    .goods-scroll {
      height: 1000rpx;
      width: 550rpx;

      .goods {
        .goods-type {
          margin-bottom: 30rpx;
          .goods-type-name {
            margin-bottom: 30rpx;
            font-size: 30rpx;
            font-weight: 500;
            text-align: center;
          }

          .goods-info {
            display: flex;
            flex-wrap:wrap;
            .goods-item {
              margin-bottom: 30rpx;
              display: flex;
              flex-direction: column;
              align-items: center;
              image {
                width: 120rpx;
                height: 120rpx;
              }
              .goods-name {
                width: 180rpx;
                text-align: center;
              }
            }
          }
        }
      }
    }
  }

}